<template>
  <el-tabs v-model="activeName" @tab-click="clickTab">
    <el-tab-pane label="结构预测" name="1">
      <div class="container">
        <div class="row">
          <prediction-jiegou> </prediction-jiegou>
        </div>
      </div>
    </el-tab-pane>
    <el-tab-pane label="机构预测" name="2">
      <div class="container">
        <div class="row">
          <prediction-jigou> </prediction-jigou>
        </div>
      </div>
    </el-tab-pane>
  </el-tabs>
</template>
<script>
import PredictionJiegou from "./prediction/prediction-jiegou.vue";
import PredictionJigou from "./prediction/prediction-jigou.vue";
export default {
  components: { PredictionJiegou, PredictionJigou },
  data() {
    return {
      activeName: "1",
    };
  },
  methods: {
    clickTab(tab) {},
  },
};
</script>
<style lang="less" scoped>
div.container {
  display: flex;
  flex-direction: column;
  div.row {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: 10px;
  }
}
</style>